<template>
  <div>
    <ChildCom title="用户名" >
      <template #input>
         <input type="text">    
      </template>
    </ChildCom>

    <ChildCom title="密码" >
      <template #input>
         <input type="password">    
      </template>
    </ChildCom>

    <ChildCom title="性别" >
      <template #input>
        <input type='radio' name="sex" value="男"/>男
        <input type='radio' name="sex" value="女"/>女   
      </template>
    </ChildCom>

    <ChildCom title="爱好" >
      <template #input>
       <input type="checkbox" value="吃饭">吃饭
       <input type="checkbox" value="睡觉">睡觉
       <input type="checkbox" value="打豆豆">打豆豆
      </template>
    </ChildCom>

    <ChildCom title="来自于" >
      <template #input>
       <select >
         <option value="魔法学院">魔法学院</option>
        <option value="小村庄">小村庄</option>
        <option value="小海滩">小海滩</option>
       </select>
      </template>
    </ChildCom>
   </div>
</template>
 
<script>
  import ChildCom from './components/child-com.vue'
export default {
  components: {
    ChildCom
  },

};
</script>

<style scoped>
     
</style>